import React from 'react';
import { Form } from 'antd';
import { PropsType } from '../../interface/search';

const { Item } = Form;

export default function index({ data, func }: PropsType) {
    return (
        <Form
            layout='inline'
            onFinish={(val: any) => func(val)}>
            {
                data.map((v, i) => {
                    if (v.name && v.init) {
                        return <Item key={i} initialValue={v.init} label={v.lable} name={v.name}>
                            {
                                v.element
                            }
                        </Item>
                    } else if (v.name) {
                        return <Item key={i} name={v.name} label={v.lable}>
                            {
                                v.element
                            }
                        </Item>
                    } else {
                        return <Item key={i} label={v.lable}>
                            {
                                v.element
                            }
                        </Item>
                    }
                })
            }
        </Form>
    )
}
